.collapsible-container {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
}

.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    border-bottom: 1px solid #038637;
}



.collapsible {
    display: none;
}



.collapsible-label {
    cursor: pointer;
    background-color: #F1F1F1;
    padding: 10px;
    font-weight: bold;
    display: flex;
    align-items: center;
}



.collapsible-radio {
    display: none;
}



.custom-radio {
    width: 20px;
    height: 20px;
    border: 2px solid #333;
    margin-right: 10px;
    border-radius: 3px;
}



.collapsible-content {
    background-color: #F1F1F1;
    padding: 15px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}



input[type="radio"]:checked+.collapsible-label+.collapsible-content {
    max-height: 6000px;
    /* Adjust as needed */
}

img#letterd {
    width: 85px;
}

img#lettere {
    width: 85px;
}

img#letterf {
    width: 85px;
}

img#letterg {
    width: 90px;
}

img#letterh {

    width: 90px;
}

img#letterm {
    width: 80px;
}

img#lettero {
    width: 80px;
}

img#letterq {
    width: 80px;
}

img#lettert {
    width: 80px;
}

img#lettery {
    width: 85px;
}

/* img#lettera {
    width: 150px;
}

img#letterb {
    width: 150px;
}

img#letterc {
    width: 150px;
}

img#letterd {
    width: 150px;
}

img#lettere {
    width: 150px;
}

img#letterf {
    width: 150px;
}

img#letterg {
    width: 150px;
}

img#letterh {
    width: 150px;
}

img#letteri {
    width: 150px;
}

img#letterj {
    width: 150px;
}

img#letterk {
    width: 150px;
}

img#letterl {
    width: 150px;
}

img#letterm {
    width: 150px;
}

img#lettern {
    width: 150px;
}

img#lettero {
    width: 150px;
}

img#letterp {
    width: 150px;
}

img#letterq {
    width: 150px;
}

img#letterr {
    width: 150px;
}

img#letters {
    width: 150px;
}

img#lettert {
    width: 150px;
}

img#letteru {
    width: 150px;
}

img#letterv {
    width: 150px;
}

img#letterw {
    width: 150px;
}

img#letterx {
    width: 150px;
}

img#lettery {
    width: 150px;
}

img#letterz {
    width: 150px;
} */

img#casestudyb {
    width: 25%;
    padding-bottom: 20px;
}

img#casestudyj {
    width: 40%;
    padding-bottom: 20px;
}

img#casestudyy {
    width: 200px;
}